<template>
  <div id="salvenote">
    <div class="page-header">
      <span class="title-item">运维成果反馈</span>
    </div>
    <div style="display: flex">
      <a-form-item
        label="完成情况"
        labelAlign="right"
        style="margin-bottom: 10px"
      >
        <a-select @change="selectArea" style="width: 190px" allowClear  placeholder="完成情况">
          <a-select-option value="1"> 未开始 </a-select-option>
          <a-select-option value="2"> 进行中 </a-select-option>
          <a-select-option value="3"> 已完成 </a-select-option>
        </a-select>
      </a-form-item>
      <a-form-item
        label="任务类型"
        style="margin-bottom: 10px; margin-left: 20px "
        labelAlign="right"
      >
        <a-select
          placeholder="任务类型"
          style="width: 190px"
          allowClear
          @change="selectArea"
        >
          <a-select-option value="3"> 校验 </a-select-option>
          <a-select-option value="2"> 校准 </a-select-option>
          <a-select-option value="1"> 巡检 </a-select-option>
        </a-select>
      </a-form-item>
      <a-form-model-item
        label="排口选择"
        style="margin-bottom: 10px; margin-left: 20px"
      >
        <a-input
          v-model="page.equipmentName"
          placeholder="请输入排口"
          allow-clear
        ></a-input>
      </a-form-model-item>

      <a-button
        style="
          letter-spacing: 8px;
          margin-left: 50px;
          margin-top: 4px;
          font-size: 16px;
          font-weight: 600;
          background: #207064;
          border: 1px solid #207064;
          color: rgba(255, 255, 255, 0.8);
        "
        type="primary"
        @click="onSubmit"
        >查询</a-button
      >
    </div>
    <div class="tableclass">
      <a-table
        style="height: 94%"
        :data-source="data"
        :pagination="false"
        :columns="columns"
      >
        <span slot="action" slot-scope="text, action">
          <a class="solvebtn" @click="showModal(action)">详细信息</a>
          <a class="solvebtn" @click="exhibition(action)">台账明细</a>
        </span>
        <template slot="status" slot-scope="status">
          <span style="color: #d16655" v-if="status == 1">未开始</span>
          <span style="color: #afa82e" v-if="status == 2">进行中</span>
          <span style="color: #359842" v-if="status == 3">已完成</span>
        </template>
        <template slot="comparatorStatus" slot-scope="text, comparatorStatus">
          <span
            style="color: #bebebe"
            v-if="
              comparatorStatus.maintenanceType == 1
            "
            >巡检</span
          >
          <span
            style="color: #bebebe"
            v-else-if="
              comparatorStatus.maintenanceType == 2
            "
            >校准</span
          >
          <span
            style="color: #bebebe"
            v-else-if="
             comparatorStatus.maintenanceType == 3
            "
            >校验</span
          >
        </template>
      </a-table>
      <div class="bottompage">
        <a-pagination
          :show-total="(total) => `共 ${total} 条记录`"
          :item-render="itemRender"
          v-model="page.current"
          :total="total"
          :defaultPageSize="page.size"
          @change="pagechangeFn"
          show-less-items
        />
      </div>
      <!-- 详情弹出框 -->
      <a-modal
        title="分派详情"
        :visible="visible"
        @cancel="handleCancel"
        :footer="null"
      >
        <a-form-model
          class="monitorCalibrationRecordPoover"
          :form="list"
          :label-col="{ span: 5 }"
          :wrapper-col="{ span: 12 }"
        >
          <a-form-model-item label="任务名称">{{
            this.detail.name
          }}</a-form-model-item>
          <a-form-model-item label="计划开始时间">{{
            this.detail.planStartTime
          }}</a-form-model-item>
          <a-form-model-item label="计划结束时间">{{
            this.detail.planEndTime
          }}</a-form-model-item>
          <a-form-model-item label="任务区域">{{
            this.detail.taskArea
          }}</a-form-model-item>
        </a-form-model>
      </a-modal>
      <!-- 展示表格 -->
      <a-modal
        :visible="visibleA"
        @cancel="handleCancelA"
        :footer="null"
        width="98%"
      >
        <a-col :span="2"> </a-col>

        <a-col :sapn="22">
          <a-tabs type="card" class="tableall" default-active-key="1">
            <a-tab-pane
              key="1"
              tab="标准气体更换记录"
              v-if="overall.waterreplace"
            >
              <div class="table-all">
                <a-row>
                  <a-col :span="24" class="shuju">
                    <div @click="Yreplace">
                      <a-icon type="cloud-download" style="color: #fff" />
                      导出数据
                    </div>
                  </a-col>
                  <a-col :span="3" class="borderall"> 安装地点 </a-col>
                  <a-col :span="9" class="borderallone"> </a-col>
                  <a-col :span="4" class="borderallone"> 维护管理单位 </a-col>
                  <a-col :span="8" class="borderallone"> </a-col>
                  <a-col :span="3" class="borderall"> 序号 </a-col>
                  <a-col :span="3" class="borderallone"> 更换日期 </a-col>
                  <a-col :span="3" class="borderallone"> 标准物质名称 </a-col>
                  <a-col :span="3" class="borderallone"> 气体浓度 </a-col>
                  <a-col :span="2" class="borderallone"> 单位 </a-col>
                  <a-col :span="2" class="borderallone"> 数量 </a-col>
                  <a-col :span="3" class="borderallone"> 供应商 </a-col>
                  <a-col :span="3" class="borderallone"> 有效期 </a-col>
                  <a-col :span="2" class="borderallone"> 维护保养人 </a-col>
                  <a-col v-for="(c, s) in listData" :key="s">
                    <a-col :span="3" class="borderall">{{ s + 1 }}</a-col>
                    <a-col :span="3" class="borderallone">
                      {{ c.replaceTime }}</a-col
                    >
                    <a-col :span="3" class="borderallone">
                      {{ c.consumablesName }}</a-col
                    >
                    <a-col :span="3" class="borderallone">
                      {{ c.gasConcentration }}</a-col
                    >
                    <a-col :span="2" class="borderallone"> {{ c.unit }}</a-col>
                    <a-col :span="2" class="borderallone">
                      {{ c.amount }}</a-col
                    >
                    <a-col :span="3" class="borderallone">
                      {{ c.supplier }}</a-col
                    >
                    <a-col :span="3" class="borderallone">
                      {{ c.validity }}</a-col
                    >
                    <a-col :span="2" class="borderallone">
                      {{ c.maintenancePersonnel }}</a-col
                    >
                  </a-col>
                </a-row>
                <a-col class="border-img">
                  <a-col :span="4" class="border-img1">更换前照片</a-col>
                  <a-col :span="20" v-viewer>
                    <img
                      :src="img.picId"
                      alt=""
                      v-for="(img, imgIndex) in listDataone.pictureAssociation"
                      :key="imgIndex"
                      class="img"
                    />
                  </a-col>
                </a-col>
                <a-col class="border-img">
                  <a-col :span="4" class="border-img1">更换后照片</a-col>
                  <a-col :span="20" v-viewer>
                    <img
                      :src="img.picId"
                      alt=""
                      v-for="(
                        img, imgIndex
                      ) in listDataone.pictureAssociationOne"
                      :key="imgIndex"
                      class="img"
                    />
                  </a-col>
                </a-col>
              </div>
            </a-tab-pane>
            <a-tab-pane key="2" tab="CEMS维修记录表" v-if="overall.waterrepair">
              <div class="table-all">
                <a-row :span="24">
                  <div @click="Yrepair" class="shuju">
                    <a-icon type="cloud-download" style="color: #fff" />
                    导出数据
                  </div>
                </a-row>
                <a-row>
                  <a-col :span="3" class="borderall"> 安装地点 </a-col>
                  <a-col :span="9" class="borderallone"> </a-col>
                  <a-col :span="4" class="borderallone"> 停机时间 </a-col>
                  <a-col :span="8" class="borderallone">
                    {{ smokerepair.downtime }}</a-col
                  >
                  <a-row
                    v-for="(item, index) in smokerepair.inspectionReportPo"
                    :key="index"
                  >
                    <a-col :span="6" class="borderalltwo">
                      {{ item.superiorField }}
                    </a-col>
                    <a-col
                      :span="9"
                      class="borderallone"
                      v-for="(list, i) in item.overall"
                      :key="i"
                      >{{ list.field }}
                      <a-col class="borderallone">{{ list.situation }}</a-col>
                    </a-col>
                  </a-row>
                  <a-col :span="6" class="borderalltwo">
                    维修后系统运行情况
                  </a-col>
                  <a-col :span="18" class="borderallthree"
                    >{{ smokerepair.afterMaintenance }}
                  </a-col>
                  <a-col :span="6" class="borderalltwo"> 站房清理 </a-col>
                  <a-col :span="18" class="borderallthree">
                    {{ smokerepair.stationClean }}</a-col
                  >
                  <a-col :span="6" class="borderalltwo">
                    停机检修情况总结
                  </a-col>
                  <a-col :span="18" class="borderallthree"
                    >{{ smokerepair.shutdownMaintenance }}
                  </a-col>
                  <a-col :span="6" class="borderalltwo"> 备注 </a-col>
                  <a-col :span="18" class="borderallthree">
                    {{ smokerepair.note }}</a-col
                  >
                  <a-col :span="6" class="borderall"> 检修人 </a-col>
                  <a-col :span="6" class="borderallone">{{
                    smokerepair.maintenancePersonnel
                  }}</a-col>
                  <a-col :span="6" class="borderallone"> 离开时间 </a-col>
                  <a-col :span="6" class="borderallone"
                    >{{ smokerepair.departureTime }}
                  </a-col>
                </a-row>
                <a-col class="border-img">
                  <a-col :span="4" class="border-img1">校准前照片</a-col>
                  <a-col :span="20" v-viewer>
                    <img
                      :src="img.picId"
                      alt=""
                      v-for="(img, imgIndex) in smokerepair.pictureAssociation"
                      :key="imgIndex"
                      class="img"
                    />
                  </a-col>
                </a-col>
                <a-col class="border-img">
                  <a-col :span="4" class="border-img1">校准后照片</a-col>
                  <a-col :span="20" v-viewer>
                    <img
                      :src="img.picId"
                      alt=""
                      v-for="(
                        img, imgIndex
                      ) in smokerepair.pictureAssociationOne"
                      :key="imgIndex"
                      class="img"
                    />
                  </a-col>
                </a-col>
              </div>
            </a-tab-pane>
            <a-tab-pane
              key="3"
              tab="CEMS零点/量程漂移与校准记录"
              v-if="overall.waterverification"
            >
              <div class="table-all">
                <a-row :span="24">
                  <div @click="Ycalibration" class="shuju">
                    <a-icon type="cloud-download" style="color: #fff" />
                    导出数据
                  </div>
                </a-row>
                <a-row>
                  <a-col :span="4" class="borderalltwo"
                    >气态污染物CEMS设备生产商</a-col
                  >
                  <a-col :span="4" class="borderallthree"> </a-col>
                  <a-col :span="4" class="borderallthree"
                    >气态污染物CEMS设备规格型号</a-col
                  >
                  <a-col :span="4" class="borderallthree"> </a-col>
                  <a-col :span="4" class="borderallthree">校准日期</a-col>
                  <a-col :span="4" class="borderallthree"
                    >{{ calobrationone.calibrationTime }}
                  </a-col>
                  <a-col :span="4" class="borderalltwo"
                    >颗粒物CEMS设备生产商</a-col
                  >
                  <a-col :span="4" class="borderallthree"> </a-col>
                  <a-col :span="4" class="borderallthree"
                    >颗粒物CEMS设备规格型号</a-col
                  >
                  <a-col :span="4" class="borderallthree"> </a-col>
                  <a-col :span="4" class="borderallthree">校准开始时间</a-col>
                  <a-col :span="4" class="borderallthree"
                    >{{ calobrationone.calibrationTime }}
                  </a-col>
                  <a-col :span="6" class="borderall">安装地点</a-col>
                  <a-col :span="6" class="borderallone"> </a-col>
                  <a-col :span="6" class="borderallone">维护管理单位</a-col>
                  <a-col :span="6" class="borderallone"> </a-col>

                  <a-col :span="24" v-for="(all, a) in calobration" :key="a">
                    <a-col :span="12" class="borderall">分析仪校准</a-col>
                    <a-col :span="12" class="borderallone">{{
                      all.enterpriseName
                    }}</a-col>
                    <a-row v-for="(item, index) in all.overall" :key="index">
                      <a-col :span="6" class="borderalltwo">{{
                        item.superiorField
                      }}</a-col>
                      <template v-for="(list, i) in item.overall">
                        <a-col v-if="index == 0" :span="6" :key="i">
                          <a-col :span="12" class="borderallthree">{{
                            list.field
                          }}</a-col>
                          <a-col :span="12" class="borderallthree">{{
                            list.situation
                          }}</a-col>
                        </a-col>
                        <a-col :span="3" class="borderallone" v-else :key="i">
                          {{ list.field }}
                          <a-col class="borderallone">{{
                            list.situation
                          }}</a-col>
                        </a-col>
                      </template>
                    </a-row>
                  </a-col>
                  <a-col :span="4" class="borderall">本次校准人</a-col>
                  <a-col :span="4" class="borderallone">{{
                    calobrationone.personCharge
                  }}</a-col>
                  <a-col :span="4" class="borderallone">校准结束时间</a-col>
                  <a-col :span="4" class="borderallone">{{
                    calobrationone.calibrationTimeEnd
                  }}</a-col>
                  <a-col :span="4" class="borderallone">负责人（签章）</a-col>
                  <a-col :span="4" class="borderallone"></a-col>
                </a-row>
                <a-col class="border-img">
                  <a-col :span="4" class="border-img1">校准前照片</a-col>
                  <a-col :span="20" v-viewer>
                    <img
                      :src="img.picId"
                      alt=""
                      v-for="(
                        img, imgIndex
                      ) in calobrationone.pictureAssociation"
                      :key="imgIndex"
                      class="img"
                    />
                  </a-col>
                </a-col>
                <a-col class="border-img">
                  <a-col :span="4" class="border-img1">校准后照片</a-col>
                  <a-col :span="20" v-viewer>
                    <img
                      :src="img.picId"
                      alt=""
                      v-for="(
                        img, imgIndex
                      ) in calobrationone.pictureAssociationOne"
                      :key="imgIndex"
                      class="img"
                    />
                  </a-col>
                </a-col>
              </div>
            </a-tab-pane>
            <a-tab-pane
              key="4"
              tab="烟气自动监测设备日常巡检记录"
              v-if="overall.watercailbration && all == 1"
            >
              <div class="table-all">
                <a-row :span="24">
                  <div @click="YInspection" class="shuju">
                    <a-icon type="cloud-download" style="color: #fff" />
                    导出数据
                  </div>
                </a-row>
                <a-row>
                  <a-col :span="6" class="borderall"
                    >气态污染物CEMS生产商</a-col
                  >
                  <a-col :span="6" class="borderallone"> </a-col>
                  <a-col :span="6" class="borderallone"
                    >气态污染物CEMS规格型号</a-col
                  >
                  <a-col :span="6" class="borderallone"> </a-col>

                  <a-col :span="6" class="borderall">颗粒物CEMS生产商</a-col>
                  <a-col :span="6" class="borderallone"> </a-col>
                  <a-col :span="6" class="borderallone"
                    >颗粒物CEMS规格型号</a-col
                  >
                  <a-col :span="6" class="borderallone"> </a-col>

                  <a-col :span="6" class="borderall">安装地点</a-col>
                  <a-col :span="6" class="borderallone"> </a-col>
                  <a-col :span="6" class="borderallone">维护单位</a-col>
                  <a-col :span="6" class="borderallone"> </a-col>
                  <a-col :span="24" class="borderall"
                    >运行维护内容及处理说明</a-col
                  >
                  <a-col :span="5" class="borderall">项目</a-col>
                  <a-col :span="19">
                    <a-col :span="10" class="borderallone">内容</a-col>
                    <a-col :span="10" class="borderallone">维护情况</a-col>
                    <a-col :span="4" class="borderallone">备注</a-col>
                  </a-col>

                  <a-col :span="24" v-if="all == 1">
                    <a-row style="display: flex">
                      <a-col :span="24">
                        <a-row
                          style="display: flex"
                          v-for="(item, index) in calobrationa"
                          :key="index"
                        >
                          <a-col :span="5" class="border-class">{{
                            item.name
                          }}</a-col>
                          <a-col :span="19">
                            <a-row
                              v-if="item.overall.length == 0"
                              style="height: 100%; display: flex"
                            >
                              <a-col
                                :span="12"
                                class="border-1"
                                style="height: auto"
                              ></a-col>
                              <a-col
                                :span="12"
                                class="border-1"
                                style="height: auto"
                              ></a-col>
                            </a-row>
                            <a-row
                              v-for="(_item, _index) in item.overall"
                              :key="_index"
                            >
                              <a-col :span="10" class="borderallone">{{
                                _item.name
                              }}</a-col>
                              <a-col :span="10" class="borderallone">{{
                                _item.details ? _item.details : ""
                              }}</a-col>
                              <a-col :span="4" class="borderallone"></a-col>
                            </a-row>
                          </a-col>
                        </a-row>
                      </a-col>
                    </a-row>
                  </a-col>

                  <a-col :span="3" class="borderalltwo">异常情况处理记录</a-col>
                  <a-col :span="21" class="borderallthree"></a-col>
                  <a-col :span="3" class="borderall">本次巡检人</a-col>
                  <a-col :span="5" class="borderallone">{{
                    Inspectio.maintenanceStaff
                  }}</a-col>
                  <a-col :span="4" class="borderallone"> 本次巡检时间</a-col>
                  <a-col :span="4" class="borderallone">{{
                    Inspectio.serviceTime
                  }}</a-col>
                  <a-col :span="4" class="borderallone">负责人</a-col>
                  <a-col :span="4" class="borderallone"></a-col>
                </a-row>
                <a-col class="border-img">
                  <a-col :span="4" class="border-img1">巡检照片</a-col>
                  <a-col :span="20" v-viewer>
                    <img
                      :src="img.picId"
                      alt=""
                      v-for="(img, imgIndex) in Inspectio.pictureAssociation"
                      :key="imgIndex"
                      class="img"
                    />
                  </a-col>
                </a-col>
              </div>
            </a-tab-pane>
            <a-tab-pane
              key="5"
              tab="易耗品更换记录"
              v-if="overall.calobrationa"
            >
              <div class="table-all">
                <a-row :span="24">
                  <div @click="Wreplace" class="shuju">
                    <a-icon type="cloud-download" style="color: #fff" />
                    导出数据
                  </div>
                </a-row>
                <a-row>
                  <a-col :span="4" class="borderall"> 安装地点 </a-col>
                  <a-col :span="8" class="borderallone"> </a-col>
                  <a-col :span="4" class="borderallone"> 维护管理单位 </a-col>
                  <a-col :span="8" class="borderallone"> </a-col>

                  <a-col :span="4" class="borderall"> 序号 </a-col>
                  <a-col :span="4" class="borderallone"> 更换日期 </a-col>
                  <a-col :span="4" class="borderallone"> 易耗品名称 </a-col>
                  <a-col :span="4" class="borderallone"> 规格型号 </a-col>
                  <a-col :span="1" class="borderallone"> 单位 </a-col>
                  <a-col :span="1" class="borderallone"> 数量 </a-col>
                  <a-col :span="3" class="borderallone"> 更换原因说明</a-col>
                  <a-col :span="3" class="borderallone"> 维护保养人 </a-col>

                  <a-col v-for="(c, s) in waterreplace" :key="s">
                    <a-col :span="4" class="borderall"> {{ s + 1 }} </a-col>
                    <a-col :span="4" class="borderallone"
                      >{{ c.replaceTime }}
                    </a-col>
                    <a-col :span="4" class="borderallone">
                      {{ c.consumablesName }}</a-col
                    >
                    <a-col :span="4" class="borderallone">
                      {{ c.specification }}</a-col
                    >
                    <a-col :span="1" class="borderallone"> {{ c.unit }}</a-col>
                    <a-col :span="1" class="borderallone">
                      {{ c.amount }}</a-col
                    >
                    <a-col :span="3" class="borderallone"> {{ c.note }}</a-col>
                    <a-col :span="3" class="borderallone">
                      {{ c.maintenancePersonnel }}</a-col
                    >
                  </a-col>
                  <a-col :span="3" class="borderall">维护保养人</a-col>
                  <a-col :span="3" class="borderallone">{{
                    waterreplaceone.reviewer
                  }}</a-col>
                  <a-col :span="3" class="borderallone">时间</a-col>
                  <a-col :span="3" class="borderallone"></a-col>
                  <a-col :span="3" class="borderallone">审核人</a-col>
                  <a-col :span="3" class="borderallone"></a-col>
                  <a-col :span="3" class="borderallone">时间</a-col>
                  <a-col :span="3" class="borderallone"></a-col>
                  <a-col :span="24" class="borderall"
                    >注：更换易耗品时应及时记录，每半年汇总存档</a-col
                  >
                </a-row>
                <a-col class="border-img">
                  <a-col :span="4" class="border-img1">更换前照片</a-col>
                  <a-col :span="20" v-viewer>
                    <img
                      :src="img.picId"
                      alt=""
                      v-for="(
                        img, imgIndex
                      ) in waterreplaceone.pictureAssociation"
                      :key="imgIndex"
                      class="img"
                    />
                  </a-col>
                </a-col>
                <a-col class="border-img">
                  <a-col :span="4" class="border-img1">更换后照片</a-col>
                  <a-col :span="20" v-viewer>
                    <img
                      :src="img.picId"
                      alt=""
                      v-for="(
                        img, imgIndex
                      ) in waterreplaceone.pictureAssociationOne"
                      :key="imgIndex"
                      class="img"
                    />
                  </a-col>
                </a-col>
              </div>
            </a-tab-pane>
            <a-tab-pane
              key="6"
              tab="水污染源自动监测设备故障维修"
              v-if="overall.listData"
            >
              <div class="table-all">
                <a-row :span="24">
                  <div @click="Wrepair" class="shuju">
                    <a-icon type="cloud-download" style="color: #fff" />
                    导出数据
                  </div>
                </a-row>
                <a-row v-for="(c, s) in waterrepair" :key="s">
                  <a-col :span="4" class="borderall">设备名称</a-col>
                  <a-col :span="4" class="borderallone">
                    {{ alldata.equipmentName }}
                  </a-col>
                  <a-col :span="4" class="borderallone">规格型号</a-col>
                  <a-col :span="4" class="borderallone"> </a-col>
                  <a-col :span="4" class="borderallone">设备编号</a-col>
                  <a-col :span="4" class="borderallone">
                    {{ alldata.equipmentId }}</a-col
                  >

                  <a-col :span="4" class="borderallfive"
                    >故障情况及发生时间</a-col
                  >
                  <a-col :span="20">
                    <a-row :span="20" class="borderallsix">{{
                      c.faultCondition
                    }}</a-row>
                    <a-row>
                      <a-col :span="6" class="borderallone">维修人</a-col>
                      <a-col :span="6" class="borderallone">{{
                        c.repairman
                      }}</a-col>
                      <a-col :span="6" class="borderallone">日期</a-col>
                      <a-col :span="6" class="borderallone">{{
                        c.repairTime
                      }}</a-col>
                    </a-row>
                  </a-col>

                  <a-col :span="4" class="borderallfive"
                    >修复后使用前校验时间校验结果说明</a-col
                  >
                  <a-col :span="20">
                    <a-row :span="20" class="borderallsix">{{
                      c.afterRepair
                    }}</a-row>
                    <a-row>
                      <a-col :span="6" class="borderallone">校验人</a-col>
                      <a-col :span="6" class="borderallone">{{
                        c.verifier
                      }}</a-col>
                      <a-col :span="6" class="borderallone">日期</a-col>
                      <a-col :span="6" class="borderallone">{{
                        c.inspectionTime
                      }}</a-col>
                    </a-row>
                  </a-col>

                  <a-col :span="4" class="borderallfive"
                    >正常投入使用时间</a-col
                  >
                  <a-col :span="20">
                    <a-row :span="20" class="borderallsix">{{
                      c.normalInvestment
                    }}</a-row>
                    <a-row>
                      <a-col :span="6" class="borderallone">负责人</a-col>
                      <a-col :span="6" class="borderallone">{{
                        c.leadingCadre
                      }}</a-col>
                      <a-col :span="6" class="borderallone">日期</a-col>
                      <a-col :span="6" class="borderallone">{{
                        c.normalInvestment
                      }}</a-col>
                    </a-row>
                  </a-col>
                </a-row>
                <a-col class="border-img">
                  <a-col :span="4" class="border-img1">校准前照片</a-col>
                  <a-col :span="20" v-viewer v-if="waterrepair.length">
                    <img
                      :src="img.picId"
                      alt=""
                      v-for="(img, imgIndex) in waterrepair[0]
                        .pictureAssociation"
                      :key="imgIndex"
                      class="img"
                    />
                  </a-col>
                </a-col>
                <a-col class="border-img">
                  <a-col :span="4" class="border-img1">校准后照片</a-col>
                  <a-col :span="20" v-viewer v-if="waterrepair.length">
                    <img
                      :src="img.picId"
                      alt=""
                      v-for="(img, imgIndex) in waterrepair[0]
                        .pictureAssociationOne"
                      :key="imgIndex"
                      class="img"
                    />
                  </a-col>
                </a-col>
              </div>
            </a-tab-pane>
            <a-tab-pane
              key="7"
              tab="水污染源自动监测仪校验记录"
              v-if="overall.checklist"
            >
              <div class="table-all">
                <a-row :span="24">
                  <div @click="Wcheck" class="shuju">
                    <a-icon type="cloud-download" style="color: #fff" />
                    导出数据
                  </div>
                </a-row>
                <a-row>
                  <a-col :span="4" class="borderall"> 站点名称 </a-col>
                  <a-col :span="4" class="borderallone"> </a-col>
                  <a-col :span="4" class="borderallone">仪器类别 </a-col>
                  <a-col :span="4" class="borderallone"> </a-col>
                  <a-col :span="4" class="borderallone"> 型号</a-col>
                  <a-col :span="4" class="borderallone"> </a-col>
                  <a-col :span="4" class="borderall"> 月次 </a-col>
                  <a-col :span="4" class="borderallone">
                    {{ waterverification.monthly }}
                  </a-col>
                  <a-col :span="4" class="borderallone">日期 </a-col>
                  <a-col :span="4" class="borderallone">
                    {{ waterverification.date }}</a-col
                  >
                  <a-col :span="4" class="borderallone"> 时间</a-col>
                  <a-col :span="4" class="borderallone">
                    {{ waterverification.time }}</a-col
                  >
                  <a-col :span="4" class="borderall"> 校验项 </a-col>
                  <a-col :span="20" class="borderallone">
                    {{ waterverification.corporateName }}
                  </a-col>
                  <a-col :span="4" class="borderallseven">校验</a-col>
                  <a-col :span="5">
                    <a-row class="borderallone">第一次</a-row>
                    <a-row class="borderallone">标准值</a-row>
                    <a-row class="borderallone">仪器值</a-row>
                    <a-row class="borderallone">误差</a-row>
                    <a-row class="borderallone">结论</a-row>
                  </a-col>
                  <a-col
                    :span="15"
                    class="borderallq"
                    v-if="waterverification.length == 0"
                  ></a-col>
                  <template v-for="(list, index) in waterverification.overall">
                    <a-col :span="3" v-if="index < 5">
                      <a-row class="borderallone">{{
                        list.monitoringType
                      }}</a-row>
                      <a-row class="borderallone">{{
                        list.standardValue
                      }}</a-row>
                      <a-row class="borderallone">{{
                        list.instrumentValue
                      }}</a-row>
                      <a-row class="borderallone">{{ list.error }}</a-row>
                      <a-row class="borderallone">{{ list.conclusion }}</a-row>
                    </a-col>
                  </template>
                  <a-col :span="5" class="borderalleight"
                    >线性变动过程记录:</a-col
                  >
                  <a-col :span="15" class="borderalleight">
                    {{ waterverification.linearChangeRecord }}
                  </a-col>

                  <a-col :span="5">
                    <a-row class="borderallone">第二次</a-row>
                    <a-row class="borderallone">标准值</a-row>
                    <a-row class="borderallone">仪器值</a-row>
                    <a-row class="borderallone">误差</a-row>
                    <a-row class="borderallone">结论</a-row>
                  </a-col>
                  <a-col
                    :span="15"
                    class="borderallq"
                    v-if="waterverification.length == 0"
                  ></a-col>
                  <template v-for="(list, index) in waterverification.overall">
                    <a-col :span="3" v-if="index > 4">
                      <a-row class="borderallone">{{
                        list.monitoringType
                      }}</a-row>
                      <a-row class="borderallone">{{
                        list.standardValue
                      }}</a-row>
                      <a-row class="borderallone">{{
                        list.instrumentValue
                      }}</a-row>
                      <a-row class="borderallone">{{ list.error }}</a-row>
                      <a-row class="borderallone">{{ list.conclusion }}</a-row>
                    </a-col>
                  </template>
                  <a-col :span="5" class="borderallnine">实施人:</a-col>
                  <a-col :span="15" class="borderallnine">
                    {{ waterverification.implementer }}
                  </a-col>
                  <a-col :span="4" class="borderalltwo">领导审批</a-col>
                  <a-col :span="20" class="borderallthree"></a-col>
                </a-row>
                <a-col class="border-img">
                  <a-col :span="4" class="border-img1">校准前照片</a-col>
                  <a-col :span="20" v-viewer>
                    <img
                      :src="img.picId"
                      alt=""
                      v-for="(
                        img, imgIndex
                      ) in waterverification.pictureAssociation"
                      :key="imgIndex"
                      class="img"
                    />
                  </a-col>
                </a-col>
                <a-col class="border-img">
                  <a-col :span="4" class="border-img1">校准后照片</a-col>
                  <a-col :span="20" v-viewer>
                    <img
                      :src="img.picId"
                      alt=""
                      v-for="(
                        img, imgIndex
                      ) in waterverification.pictureAssociationOne"
                      :key="imgIndex"
                      class="img"
                    />
                  </a-col>
                </a-col>
              </div>
            </a-tab-pane>
            <a-tab-pane
              key="8"
              tab="水污染源自动监测仪校准记录"
              v-if="overall.smokerepair"
            >
              <div class="table-all">
                <a-row :span="24">
                  <div @click="Wcalibration" class="shuju">
                    <a-icon type="cloud-download" style="color: #fff" />
                    导出数据
                  </div>
                </a-row>
                <a-row>
                  <a-col :span="4" class="borderall"> 站点名称 </a-col>
                  <a-col :span="4" class="borderallone"></a-col>
                  <a-col :span="4" class="borderallone"> 仪器类别 </a-col>
                  <a-col :span="4" class="borderallone"> </a-col>
                  <a-col :span="4" class="borderallone"> 型号 </a-col>
                  <a-col :span="4" class="borderallone"> </a-col>
                  <a-col :span="4" class="borderall"> 月份 </a-col>
                  <a-col :span="4" class="borderallone"> {{ yue }}</a-col>
                  <a-col :span="4" class="borderallone"> 日期 </a-col>
                  <a-col :span="4" class="borderallone"> {{ ri }}</a-col>
                  <a-col :span="4" class="borderallone"> 时间 </a-col>
                  <a-col :span="4" class="borderallone">
                    {{ watercailbration.calibrationTime }}</a-col
                  >

                  <a-col :span="24">
                    <a-row>
                      <a-col :span="3" class="borderall">常规项</a-col>
                      <a-col :span="21">
                        <a-col :span="4" class="borderallone"
                          >校准前各参数</a-col
                        >
                        <a-col :span="4" class="borderallone">是否正常</a-col>
                        <a-col :span="4" class="borderallone">异常参数</a-col>
                        <a-col :span="4" class="borderallone"
                          >校准后各参数</a-col
                        >
                        <a-col :span="4" class="borderallone">是否正常</a-col>
                        <a-col :span="4" class="borderallone">异常参数</a-col>
                      </a-col>
                    </a-row>
                    <a-row v-for="(item, index) in water" :key="index">
                      <a-col :span="3" class="borderall">{{ index + 1 }}</a-col>
                      <a-col :span="21">
                        <a-col
                          :span="4"
                          v-for="(_item, _index) in item.overall[0].overall"
                          :key="_index"
                          class="borderallone"
                        >
                          {{ _item.situation }}
                        </a-col>
                      </a-col>
                    </a-row>
                  </a-col>
                  <a-col :span="4" class="borderallseven">结果记录</a-col>
                  <a-col :span="4" class="borderallbig">异常情况描述</a-col>
                  <a-col :span="16" class="borderallbig">{{
                    watercailbration.abnormalSituation
                  }}</a-col>
                  <a-col :span="4" class="borderallbig"
                    >原因分析与采取措施</a-col
                  >
                  <a-col :span="16" class="borderallbig">{{
                    watercailbration.causeAnalysis
                  }}</a-col>
                  <a-col :span="4" class="borderallbig"
                    >处理结果及器件更换</a-col
                  >
                  <a-col :span="16" class="borderallbig">{{
                    watercailbration.processingResults
                  }}</a-col>
                  <a-col :span="4" class="borderallbig"
                    >线形变动校验前记录</a-col
                  >
                  <a-col :span="16" class="borderallbig">{{
                    watercailbration.linearChangeFront
                  }}</a-col>
                  <a-col :span="4" class="borderallbig"
                    >线形变动校验后记录</a-col
                  >
                  <a-col :span="16" class="borderallbig">{{
                    watercailbration.linearChangeAfter
                  }}</a-col>
                  <a-col :span="4" class="borderalltwo">领导审批</a-col>
                  <a-col :span="20" class="borderallthree"></a-col>
                </a-row>
                <a-col class="border-img">
                  <a-col :span="4" class="border-img1">校准前照片</a-col>
                  <a-col :span="20" v-viewer>
                    <img
                      :src="img.picId"
                      alt=""
                      v-for="(
                        img, imgIndex
                      ) in watercailbration.pictureAssociation"
                      :key="imgIndex"
                      class="img"
                    />
                  </a-col>
                </a-col>
                <a-col class="border-img">
                  <a-col :span="4" class="border-img1">校准后照片</a-col>
                  <a-col :span="20" v-viewer>
                    <img
                      :src="img.picId"
                      alt=""
                      v-for="(
                        img, imgIndex
                      ) in watercailbration.pictureAssociationOne"
                      :key="imgIndex"
                      class="img"
                    />
                  </a-col>
                </a-col>
              </div>
            </a-tab-pane>
            <a-tab-pane
              key="9"
              tab="水污染源自动监测设备运行维护日常巡检"
              v-if="overall.calobration && all == 2"
            >
              <div class="table-all">
                <a-row :span="24">
                  <div @click="WInspection" class="shuju">
                    <a-icon type="cloud-download" style="color: #fff" />
                    导出数据
                  </div>
                </a-row>
                <a-row>
                  <a-col :span="12" class="borderalltwo">
                    设备巡检内容、情况、及处理情况说明
                  </a-col>
                  <a-col :span="12" class="borderallone">设备名称</a-col>
                  <a-col :span="12" class="borderallone">{{
                    alldata.equipmentName
                  }}</a-col>

                  <a-col :span="24" v-if="all == 2">
                    <a-row style="display: flex">
                      <a-col
                        :span="3"
                        class="border-class"
                        style="writing-mode: vertical-rl"
                      >
                        日常维护记录
                      </a-col>
                      <a-col :span="21">
                        <a-row
                          style="display: flex"
                          v-for="(item, index) in calobrationa"
                          :key="index"
                        >
                          <a-col :span="6" class="border-class1">{{
                            item.name
                          }}</a-col>
                          <a-col :span="18">
                            <a-row
                              v-if="item.overall.length == 0"
                              style="height: 100%; display: flex"
                            >
                              <a-col
                                :span="12"
                                class="border-1"
                                style="height: auto"
                              ></a-col>
                              <a-col
                                :span="12"
                                class="border-1"
                                style="height: auto"
                              ></a-col>
                            </a-row>
                            <a-row
                              v-for="(_item, _index) in item.overall"
                              :key="_index"
                            >
                              <a-col :span="12" class="borderallone">{{
                                _item.name
                              }}</a-col>
                              <a-col :span="12" class="borderallone">{{
                                _item.details ? _item.details : ""
                              }}</a-col>
                            </a-row>
                          </a-col>
                        </a-row>
                      </a-col>
                    </a-row>
                  </a-col>

                  <a-col :span="3" class="borderalltwo">服务内容</a-col>
                  <a-col :span="18" class="borderallthree">{{
                    Inspectio.serviceContent
                  }}</a-col>
                  <a-col :span="3" class="borderallthree"></a-col>
                  <a-col :span="3" class="borderalltwo">异常情况处理记录</a-col>
                  <a-col :span="18" class="borderallthree">{{
                    Inspectio.exceptionHandlingRecord
                  }}</a-col>
                  <a-col :span="3" class="borderallthree"></a-col>
                  <a-col :span="3" class="borderalltwo">服务时间</a-col>
                  <a-col :span="4" class="borderallthree">{{
                    Inspectio.serviceTime
                  }}</a-col>
                  <a-col :span="4" class="borderallthree">服务耗时</a-col>
                  <a-col :span="4" class="borderallthree">{{
                    Inspectio.consumptionTime
                  }}</a-col>
                  <a-col :span="4" class="borderallthree">维护人员</a-col>
                  <a-col :span="5" class="borderallthree">{{
                    Inspectio.maintenanceStaff
                  }}</a-col>
                  <a-col :span="3" class="borderalltwo">业主方代表</a-col>
                  <a-col :span="12" class="borderallthree"></a-col>
                  <a-col :span="4" class="borderallthree">日期</a-col>
                  <a-col :span="5" class="borderallthree"></a-col>
                </a-row>
                <a-col class="border-img">
                  <a-col :span="4" class="border-img1">异常情况</a-col>
                  <a-col :span="20" v-viewer>
                    <img
                      :src="img.picId"
                      alt=""
                      v-for="(img, imgIndex) in Inspectio.pictureAssociation"
                      :key="imgIndex"
                      class="img"
                    />
                  </a-col>
                </a-col>
              </div>
            </a-tab-pane>
          </a-tabs>
        </a-col>
      </a-modal>
    </div>
  </div>
</template>

<script>
import moment from "moment";
import "moment/locale/zh-cn";
import { log } from "video.js";
import "viewerjs/dist/viewer.css";
import Viewer from "v-viewer";
import Vue from "vue";
Vue.use(Viewer);

export default {
  data() {
    return {
      overall: {
        waterreplace: false,
        waterrepair: false,
        waterverification: false,
        watercailbration: false,
        calobrationa: false,
        listData: false,
        checklist: false,
        smokerepair: false,
        calobration: false,
      },
      yue: [],
      ri: [],
      Inspectio: [],
      tableType: 0,
      all: "",
      arrData: [],
      alldata: {},
      listData: [], //烟气更换
      listDataone: [],
      checklist: [], //校验记录
      smokerepair: [], //维修记录
      calobration: [], //烟气校准
      watercalobration: [], //水质校准
      calobrationone: [],
      waterreplace: [], //水质更换
      waterreplaceone: [],
      waterrepair: [], //水质维修
      waterverification: [], //水质校验
      watercailbration: [], //水质校准
      water: [],
      waterx: [],
      calobrationa: [], //日程巡检
      columns: [
        {
          title: "序号",
          dataIndex: "num",
          align: "center",
          customRender: (text, record, index) =>
            `${(this.page.current - 1) * this.page.size + index + 1}`,
        },
        {
          title: "公司名称",
          dataIndex: "companyName",
          align: "center",
          width: "18%",
        },
        {
          title: "任务名称",
          dataIndex: "name",
          align: "center",
        },
        {
          title: "类型",
          dataIndex: "",
          scopedSlots: { customRender: "comparatorStatus" },
          align: "center",
        },
        {
          title: "执行人",
          dataIndex: "_nickname",
          align: "center",
        },
        {
          title: "计划开始时间",
          dataIndex: "planStartTime",
          align: "center",
        },
        {
          title: "计划结束时间",
          dataIndex: "planEndTime",
          align: "center",
        },
        {
          title: "状态",
          dataIndex: "status",
          scopedSlots: { customRender: "status" },
          align: "center",
        },
        {
          title: "操作",
          dataIndex: "",
          key: "x",
          scopedSlots: { customRender: "action" },
          width: "18%",
          align: "center",
        },
      ],
      ischange: 0,
      tags: [],
      data: [],
      title: "",
      moment,
      page: {
        current: 1,
        size: 9,
        status: "",
        equipmentName: "",
      },
      total: 0,
      //详情弹出框
      visible: false,
      visibleA: false,
      confirmLoading: false,
      //表格数据
      list: [],
      //详情数据
      detail: {
        type: 0,
      },

      //修改数据
      addForm: {
        id: "",
        name: "",
        taskArea: "",
        note: "string //备注",
        status: 1,
        planStartTime: "",
        planEndTime: "",
      },
      checkData1: {},
      checkData2: {},
      checkData3: [],
    };
  },

  methods: {
    onSubmit() {
      this.getdata();
    },
    //烟气更换
    Yreplace() {
      this.findOperationByPage();
      console.log(this.listDataone);
      if (this.listData != "") {
        this.id = this.listDataone.id;
        this.$api.smokeReplace(this.id).then((res) => {
          if (res.data.data.indexOf("数据错误，请联系管理员！") >= 0) {
            this.$message.info("暂无数据");
          } else {
            window.open(res.data.data);
          }
        });
      } else {
        this.$message.info("暂无数据");
      }
    },
    //烟气维修
    Yrepair() {
      this.findOperationByPage();
      console.log(this.smokerepair);
      if (this.smokerepair != "") {
        this.id = this.smokerepair.id;
        console.log(this.id);
        this.$api.smokeRepair(this.id).then((res) => {
          if (res.data.data.indexOf("数据错误，请联系管理员！") > 0) {
            this.$message.info("暂无数据");
          } else {
            window.open(res.data.data);
          }
        });
      } else {
        this.$message.info("暂无数据");
      }
    },
    //烟气校准
    Ycalibration() {
      this.findOperationByPage();
      // console.log(this.calobration[0].id);
      if (this.calobration.length > 0) {
        this.id = this.calobrationone.id;
        this.$api.driftCalibration(this.id).then((res) => {
          if (res.data.data.indexOf("数据错误，请联系管理员！") >= 0) {
            this.$message.info("暂无数据");
          } else {
            window.open(res.data.data);
          }
        });
      } else {
        this.$message.info("暂无数据");
      }
    },
    //烟气巡检
    YInspection() {
      this.findOperationByPage();
      //  console.log(this.Inspectio);
      if (this.Inspectio != "") {
        this.id = this.Inspectio.id;
        // console.log(this.id);
        this.$api
          .findEquipmentOperationMaintenanceByPage(this.id)
          .then((res) => {
            if (res.data.data.indexOf("数据错误，请联系管理员！") >= 0) {
              this.$message.info("暂无数据");
            } else {
              window.open(res.data.data);
            }
          });
      } else {
        this.$message.info("暂无数据");
      }
    },
    //水质更换
    Wreplace() {
      this.findOperationByPage();
      if (this.waterreplace.length > 0) {
        this.id = this.waterreplaceone.id;
        this.$api.waterReplace(this.id).then((res) => {
          if (res.data.data.indexOf("数据错误，请联系管理员！") >= 0) {
            this.$message.info("暂无数据");
          } else {
            window.open(res.data.data);
          }
        });
      } else {
        this.$message.info("暂无数据");
      }
    },
    //水质维修
    Wrepair() {
      this.findOperationByPage();
      // console.log( this.waterrepair );
      if (this.waterrepair.length > 0) {
        this.id = this.waterrepair[0].id;
        //  console.log(this.id);
        this.$api.waterRepair(this.id).then((res) => {
          if (res.data.data.indexOf("数据错误，请联系管理员！") >= 0) {
            this.$message.info("暂无数据");
          } else {
            window.open(res.data.data);
          }
        });
      } else {
        this.$message.info("暂无数据");
      }
    },
    //水质校验
    Wcheck() {
      this.findOperationByPage();
      // console.log( this.waterverification );
      if (this.waterverification != "") {
        this.id = this.waterverification.id;
        //  console.log(this.id);
        this.$api.checkListBy(this.id).then((res) => {
          if (res.data.data.indexOf("数据错误，请联系管理员！") >= 0) {
            this.$message.info("暂无数据");
          } else {
            window.open(res.data.data);
          }
        });
      } else {
        this.$message.info("暂无数据");
      }
    },
    //水质校准
    Wcalibration() {
      this.findOperationByPage();
      // console.log( this.watercailbration );
      if (this.watercailbration != "") {
        this.id = this.watercailbration.id;
        //  console.log(this.id);
        this.$api.waterDriftCalibration(this.id).then((res) => {
          if (res.data.data.indexOf("数据错误，请联系管理员！") >= 0) {
            this.$message.info("暂无数据");
          } else {
            window.open(res.data.data);
          }
        });
      } else {
        this.$message.info("暂无数据");
      }
    },
    //水质巡检
    WInspection() {
      this.findOperationByPage();
      //  console.log(this.Inspectio);
      if (this.Inspectio != "") {
        this.id = this.Inspectio.id;
        // console.log(this.id);
        this.$api
          .findEquipmentOperationMaintenanceByPage(this.id)
          .then((res) => {
            if (res.data.data.indexOf("数据错误，请联系管理员！") >= 0) {
              this.$message.info("暂无数据");
            } else {
              window.open(res.data.data);
            }
          });
      } else {
        this.$message.info("暂无数据");
      }
    },
    //选择完成情况
    selectArea(value) {
      this.page.status = value;
      this.page.maintenanceType = value;
    },
    //分页方法
    itemRender(current, type, originalElement) {
      if (type === "prev") {
        return <a> 上一页 </a>;
      } else if (type === "next") {
        return <a> 下一页 </a>;
      }
      return originalElement;
    },
    pagechangeFn(page, pageSize) {
      this.page.current = page;
      this.getdata();
    },
    //弹出框方法,查看详情
    showModal(data) {
      this.detail = data;
      this.visible = true;
      let id = data.id;
    },
    //弹窗框，展示表格
    exhibition(data) {
      this.detail = data;
      this.tableType = data.taskEquipmentInfoPoList.monitorType;

      this.findOperationByPage();
    },

    //关闭弹窗
    handleCancel(e) {
      console.log("点击关闭按钮");
      this.visible = false;
    },
    //关闭弹窗
    handleCancelA() {
      this.visibleA = false;
      this.listData = [];
      this.waterreplace = [];
      this.smokerepair = [];
      this.calobration = [];
      this.waterrepair = [];
      this.waterverification = [];
      this.waterDriftCalibrationPo = [];
    },
    //日期方法
    onChangeDate() {},
    //获取数据
    getdata(sid) {
      var that = this;
      this.$api.task_findByPage(this.page).then((res) => {
        console.log(res.data.data);
        var result = res.data.data;
        for (var i = 0; i < result.length; i++) {
          if (result[i].equipmentCount == null) {
            result[i].equipmentCount = "";
          }
          if (result[i].equipmentType == null) {
            result[i].equipmentType = "";
          }
        }
        this.data = res.data.data;
        this.data.forEach((item) => {
          if (item.planStartTime === null) {
            item.planStartTime = "";
          } else {
            item.planStartTime = moment(parseInt(item.planStartTime)).format(
              "YYYY/MM/DD"
            );
          }
          if (this.planEndTime === null) {
            item.planEndTime = "";
          } else {
            item.planEndTime = moment(parseInt(item.planEndTime)).format(
              "YYYY/MM/DD"
            );
          }
          item._nickname = "";
          item.userInfoPoList.forEach((nickname) => {
            console.log();
            item._nickname += nickname.nickname + ",";
          });
          item._nickname = item._nickname.substring(
            0,
            item._nickname.length - 1
          );
        });
        that.data = result;
        this.total = res.data.total;
      });
    },

    //表格数据
    findOperationByPage() {
      this.$api.Api_findOperationByPage(this.detail.id).then((res) => {
        console.log(res.data.data);
        this.alldata = res.data.data;
        this.overall = {
          waterreplace: this.alldata.smokeReplacePo.length == 0 ? false : true,
          waterrepair: this.alldata.smokeRepairPo.length == 0 ? false : true,
          waterverification:
            this.alldata.driftCalibrationPo.length == 0 ? false : true,
          watercailbration:
            this.alldata.equipmentOperationMaintenancePo.length == 0
              ? false
              : true,
          calobrationa: this.alldata.waterReplacePo.length == 0 ? false : true,
          listData: this.alldata.waterRepairPo.length == 0 ? false : true,
          checklist:
            this.alldata.monitorCalibrationRecordPo.length == 0 ? false : true,
          smokerepair:
            this.alldata.waterDriftCalibrationPo.length == 0 ? false : true,
          calobration:
            this.alldata.equipmentOperationMaintenancePo.length == 0
              ? false
              : true,
        };
        if (res.data.data.status == 3 || res.data.data.status == 2) {
          this.all = res.data.data.taskEquipmentInfoPoList.monitorType;
          var arrData = res.data.data;
          let equipmentId = arrData.equipmentId;
          if (arrData.waterReplacePo.length > 0) {
            this.waterreplaceone = arrData.waterReplacePo[0];
            this.waterreplace = arrData.waterReplacePo[0].waterReplacePo; //水质更换
            this.waterreplace.forEach((item) => {
              item.replaceTime = moment(parseInt(item.replaceTime)).format(
                "YYYY/MM/DD"
              );
            });
          }
          if (arrData.waterRepairPo.length > 0) {
            this.waterrepair = arrData.waterRepairPo; //水质维修
            this.waterrepair.forEach((item) => {
              console.log(item);
              item.repairTime = moment(parseInt(item.repairTime)).format(
                "YYYY/MM/DD"
              );
            });
          }
          if (arrData.monitorCalibrationRecordPo.length > 0) {
            this.waterverification = arrData.monitorCalibrationRecordPo[0]; //水质校验
            this.waterverification.time = moment(
              parseInt(this.waterverification.time)
            ).format("YYYY/MM/DD");
          }
          if (arrData.waterDriftCalibrationPo.length > 0) {
            this.watercailbration = arrData.waterDriftCalibrationPo[0]; //水质校准
            this.watercailbration.calibrationTime = moment(
              parseInt(this.watercailbration.calibrationTime)
            ).format("YYYY/MM/DD");
            var dateTime = this.watercailbration.calibrationTime;
            var timeArr = dateTime.toString().split("/");
            this.yue = timeArr[1];
            this.ri = timeArr[2];
            this.water =
              arrData.waterDriftCalibrationPo[0].waterDriftCalibrationMonitorPo;
            this.water.forEach((item) => {
              this.waters = item.overall;
              this.waters.forEach((shu) => {
                this.waterx = shu.overall;
              });
            });
          }
          if (arrData.smokeReplacePo.length > 0) {
            this.listDataone = arrData.smokeReplacePo[0];
            this.listData = arrData.smokeReplacePo[0].smokeReplacePo; //烟气更换
            this.listData.forEach((item) => {
              item.replaceTime = moment(parseInt(item.replaceTime)).format(
                "YYYY/MM/DD"
              );
              item.validity = moment(parseInt(item.validity)).format(
                "YYYY/MM/DD"
              );
            });
          }
          if (arrData.driftCalibrationPo.length > 0) {
            this.calobrationone = arrData.driftCalibrationPo[0];
            this.calobrationone.calibrationTime = moment(
              parseInt(this.calobrationone.calibrationTime)
            ).format("YYYY/MM/DD");
            this.calobrationone.calibrationTimeEnd = moment(
              parseInt(this.calobrationone.calibrationTimeEnd)
            ).format("YYYY/MM/DD");
            this.calobration =
              arrData.driftCalibrationPo[0].driftCalibrationMonitorPo; //烟气校准
            this.calobration.forEach((item) => {});
          }
          if (arrData.smokeRepairPo.length > 0) {
            this.smokerepair = arrData.smokeRepairPo[0]; //烟气维修
            this.smokerepair.departureTime = moment(
              parseInt(this.smokerepair.departureTime)
            ).format("YYYY/MM/DD");
            this.smokerepair.downtime = moment(
              parseInt(this.smokerepair.downtime)
            ).format("YYYY/MM/DD");
          }
          if (arrData.equipmentOperationMaintenancePo.length > 0) {
            this.Inspectio = arrData.equipmentOperationMaintenancePo[0];
            this.Inspectio.serviceTime = moment(
              parseInt(this.Inspectio.serviceTime)
            ).format("YYYY/MM/DD");
            let Inspection =
              arrData.equipmentOperationMaintenancePo[0].inspectionReportPo; //日常巡检
            let arr = new Map();
            Inspection.forEach((v) => {
              v.overall.forEach((item) => {
                arr.set(item.fieldId, item.details);
              });
            });
            this.$api.findMDictionaryInfo({ id: equipmentId }).then((res) => {
              res.data.data.forEach((v) => {
                v.overall.forEach((item) => {
                  if (arr.has(item.id)) {
                    item.details = arr.get(item.id);
                  }
                });
              });
              this.calobrationa = res.data.data;
            });
          }

          this.visibleA = true;
        }
      });
    },
    //取消按钮
    cancelBtn() {
      this.visibleA = false;
    },
  },
  mounted() {
    this.getdata();
  },
};
</script>
<style scoped src="../../../../assets/style/warning.css"></style>
<style scoped lang="scss">
.img {
  width: 150px;
  height: 100px;
  padding: 20px;
}
.border-img1 {
  border-right: 1px solid #3cbda6;
  text-align: center;
}
.border-img {
  color: #bebebe;
  border-left: 1px solid #3cbda6;
  border-bottom: 1px solid #3cbda6;
  border-right: 1px solid #3cbda6;
  line-height: 160px;
  height: 160px;
}
.shuju {
  border-bottom: 1px solid #3cbda6;
  font-size: 14px;
  color: #bebebe;
  height: 60px;
  text-align: right;
  line-height: 60px;
  cursor: pointer;
}
.border-class {
  height: auto;
  border-bottom: 1px solid #3cbda6;
  border-right: 1px solid #3cbda6;
  border-left: 1px solid #3cbda6;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #bebebe;
}
.border-class1 {
  height: auto;
  border-bottom: 1px solid #3cbda6;
  border-right: 1px solid #3cbda6;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #bebebe;
}
.border-1 {
  border-bottom: 1px solid #3cbda6;
  border-right: 1px solid #3cbda6;
  font-size: 14px;
  color: #bebebe;
}
.monitorCalibrationRecordPoover {
  height: 500px !important;
  overflow-y: scroll;
}
::-webkit-scrollbar {
  /*隐藏滚轮*/
  display: none;
}
.monitorCalibrationRecordPo {
  font-size: 18px;
  text-align: center;
  color: #9fb043;
}
.listcentent {
  font-size: 16px;
  text-align: center;
  color: #bebebe;
  line-height: 30px;
  height: 30px;
}
.listcontent {
  font-size: 16px;
  text-align: center;
  color: #bebebe;
}
.faultlist {
  padding-top: 20px !important;
  border-top: 1px dashed #bebebe;
  font-size: 19px;
  color: #37ddc0;
  font-weight: bold;
}
.ischange {
  color: #37ddc0 !important;
}
.changetags {
  color: #6f8a86;
  margin-top: 50px;
  margin-right: 40px;
  font-size: 17px;
  text-align: center;
}
.tags {
  height: 100%;
  li {
    line-height: 40px;
    margin: 0 15px;
    cursor: pointer;
  }
}
.tableall {
  width: 85%;
}
.scroll-bar {
  height: 500px;
  overflow-y: auto;
}

::v-deep .ant-descriptions-title {
  color: #37ddc0;
  font-size: 24px;
}
::v-deep#salvenote .ant-form-item {
  margin-bottom: 0;
  display: flex;
  align-items: center;
}

::v-deep#salvenote .ant-form-item-children {
  display: inline-block;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#salvenote {
  position: relative;
  width: 98%;
  height: 98%;
  padding: 1%;
  box-sizing: border-box;
}
.solve-img {
  display: flex;
  justify-content: space-evenly;
}
/* 表格样式 */
.tableclass {
  width: 100%;
  height: 86%;
}
#salvenote .solvebtn {
  margin-right: 10px;
  border: none;
  font-weight: 700;
  color: #2c6a5f;
}
#salvenote .ant-btn-danger {
  color: #1c2c2c;
  margin-right: 10px;
  background-color: #2c6a60;
  border: none;
  font-weight: 700;
}
#salvenote .ant-btn-primary {
  border: none;
  color: #1c2c2c;
  background-color: #2e5881;
}
::v-deep#salvenote .ant-table table {
  height: auto;
  border-radius: 0;
  border-left: 1px solid #207064;
  border-right: 1px solid #207064;
}
.bottompage {
  position: absolute;
  right: 3%;
  bottom: 10px;
  display: flex;
  justify-content: space-between;
}
#salvenote ::v-deep .ant-checkbox-inner {
  border: 2px solid #2e9685;
  background-color: rgba(140, 179, 174, 0.5) !important;
}
#salvenote .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-next .ant-pagination-item-link {
  border: 0;
  background-color: rgba(30, 50, 48, 0.5);
  box-shadow: 0 0 10px 1px #188471 inset;
}

.ant-pagination {
  color: #bebebe;
}
.ant-form-item {
  color: #bebebe;
}
// 详情
::v-deep #salvenote .ant-form-item-children {
  color: rgba(255, 255, 255, 0.7);
}

.monitorCalibrationRecordPo {
  font-size: 22px;
  text-align: center;
  color: #9fb043;
}
.monitorCalibrationRecordPoList {
  font-size: 18px;
  text-align: center;
  color: #bebebe;
}
.monitorCalibrationRecordPotitle {
  font-size: 30px;
  color: #37ddc0;
}
.driftCalibrationPoList {
  font-size: 18px;
  text-align: center;
  color: #bebebe;
}
::v-deep .ant-modal-body {
  width: 80%;
  margin: 0 auto;
}
::v-deep .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
  background: #2c6a5f;
  border: 1px solid #3cbda6;
  font-weight: bold;
  font-size: 16px;
  color: #bebebe;
}
::v-deep .ant-tabs-bar {
  border-bottom: 1px solid #3cbda6;
  margin-bottom: 0 !important;
}
::v-deep .scroll-bar {
  border-left: 1px solid #3cbda6;
  border-right: 1px solid #3cbda6;
  border-bottom: 1px solid #3cbda6;
}
::v-deep .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
  color: #bebebe;
  font-weight: bold;
  background: transparent;
  border-bottom: 1px solid #2b4341;
}

::v-deep .ant-tabs-nav .ant-tabs-tab:hover {
  color: #bebebe;
  font-weight: bold;
}
::v-deep .ant-modal-content {
  height: 700px !important;
  overflow-y: scroll;
}
::v-deep .ant-modal-content::-webkit-scrollbar {
  /*隐藏滚轮*/
  width: 0 !important;
}
.table-all {
  width: 100%;
}
.borderallq {
  border-bottom: 1px solid #3cbda6;
  border-right: 1px solid #3cbda6;
  height: 140px;
}
.borderall {
  border-bottom: 1px solid #3cbda6;
  border-right: 1px solid #3cbda6;
  border-left: 1px solid #3cbda6;
  font-size: 14px;
  color: #bebebe;
  height: 28px;
  text-align: center;
  line-height: 28px;
}
.borderallone {
  border-bottom: 1px solid #3cbda6;
  border-right: 1px solid #3cbda6;
  font-size: 14px;
  color: #bebebe;
  height: 28px;
  text-align: center;
  line-height: 28px;
}
.borderalltwo {
  border-bottom: 1px solid #3cbda6;
  border-right: 1px solid #3cbda6;
  border-left: 1px solid #3cbda6;
  font-size: 14px;
  color: #bebebe;
  height: 56px;
  text-align: center;
  line-height: 56px;
}
.borderalltwos {
  border-bottom: 1px solid #3cbda6;
  border-right: 1px solid #3cbda6;
  font-size: 14px;
  color: #bebebe;
  height: 56px;
  text-align: center;
  line-height: 56px;
}
.borderallthree {
  border-bottom: 1px solid #3cbda6;
  border-right: 1px solid #3cbda6;
  font-size: 14px;
  color: #bebebe;
  height: 56px;
  text-align: center;
  line-height: 56px;
}
.borderallfour {
  border-bottom: 1px solid #3cbda6;
  border-right: 1px solid #3cbda6;
  border-left: 1px solid #3cbda6;
  height: 30px;
}
.borderallfive {
  border-bottom: 1px solid #3cbda6;
  border-right: 1px solid #3cbda6;
  border-left: 1px solid #3cbda6;
  font-size: 14px;
  color: #bebebe;
  height: 150px;
  text-align: center;
  line-height: 150px;
  white-space: pre-wrap;
}
.borderallsix {
  border-bottom: 1px solid #3cbda6;
  border-right: 1px solid #3cbda6;
  font-size: 14px;
  color: #bebebe;
  height: 122px;
  text-align: center;
  line-height: 94px;
}
.borderallseven {
  border-bottom: 1px solid #3cbda6;
  border-right: 1px solid #3cbda6;
  border-left: 1px solid #3cbda6;
  font-size: 14px;
  color: #bebebe;
  height: 600px;
  text-align: center;
  line-height: 600px;
}
.borderalleight {
  border-bottom: 1px solid #3cbda6;
  border-right: 1px solid #3cbda6;
  font-size: 14px;
  color: #bebebe;
  height: 170px;
  text-align: center;
  line-height: 170px;
}
.borderallnine {
  border-bottom: 1px solid #3cbda6;
  border-right: 1px solid #3cbda6;
  font-size: 14px;
  color: #bebebe;
  height: 150px;
  text-align: center;
  line-height: 150px;
}
.borderallten {
  border-bottom: 1px solid #3cbda6;
  border-right: 1px solid #3cbda6;
  border-left: 1px solid #3cbda6;
  font-size: 14px;
  color: #bebebe;
  text-align: center;
}
.borderallbig {
  border-bottom: 1px solid #3cbda6;
  border-right: 1px solid #3cbda6;
  font-size: 14px;
  color: #bebebe;
  height: 120px;
  text-align: center;
  line-height: 120px;
}
.borderallheight {
  border-bottom: 1px solid #3cbda6;
  border-right: 1px solid #3cbda6;
  border-left: 1px solid #3cbda6;
  font-size: 14px;
  color: #bebebe;
  height: 196px;
  text-align: center;
  line-height: 196px;
}
.borderallheights {
  border-bottom: 1px solid #3cbda6;
  border-right: 1px solid #3cbda6;
  font-size: 14px;
  color: #bebebe;
  height: 112px;
  text-align: center;
  line-height: 112px;
}
.borderallheighta {
  border-bottom: 1px solid #3cbda6;
  border-right: 1px solid #3cbda6;
  border-left: 1px solid #3cbda6;
  font-size: 14px;
  color: #bebebe;
  height: 420px;
  text-align: center;
  line-height: 420px;
}
.borderallheightb {
  border-bottom: 1px solid #3cbda6;
  border-right: 1px solid #3cbda6;
  font-size: 14px;
  color: #bebebe;
  height: 420px;
  text-align: center;
  line-height: 420px;
}
.borderallF {
  border-bottom: 1px solid #3cbda6;
  border-right: 1px solid #3cbda6;
  border-left: 1px solid #3cbda6;
  font-size: 14px;
  color: #bebebe;
  height: 112px;
  text-align: center;
  line-height: 112px;
}
.borderallFS {
  border-bottom: 1px solid #3cbda6;
  border-right: 1px solid #3cbda6;
  font-size: 14px;
  color: #bebebe;
  height: 112px;
  text-align: center;
  line-height: 112px;
}
.borderallT {
  border-bottom: 1px solid #3cbda6;
  border-right: 1px solid #3cbda6;
  border-left: 1px solid #3cbda6;
  font-size: 14px;
  color: #bebebe;
  height: 84px;
  text-align: center;
  line-height: 84px;
}
.borderallTS {
  border-bottom: 1px solid #3cbda6;
  border-right: 1px solid #3cbda6;
  font-size: 14px;
  color: #bebebe;
  height: 84px;
  text-align: center;
  line-height: 84px;
}
.borderallover {
  border-bottom: 1px solid #3cbda6;
  border-right: 1px solid #3cbda6;
  border-left: 1px solid #3cbda6;
  font-size: 14px;
  color: #bebebe;
  height: 532px;
  text-align: center;
  line-height: 532px;
}
.borderallFF {
  border-bottom: 1px solid #3cbda6;
  border-right: 1px solid #3cbda6;
  font-size: 14px;
  color: #bebebe;
  height: 140px;
  text-align: center;
  line-height: 140px;
}
.borderallS {
  border-bottom: 1px solid #3cbda6;
  border-right: 1px solid #3cbda6;
  font-size: 14px;
  color: #bebebe;
  height: 196px;
  text-align: center;
  line-height: 196px;
}
</style>
